<template>
  <el-card>
    <div>
      <h2 class="aboutH1">
        <div class="fonta">关于自己</div>
      </h2>
      <p>大二的Java方向学生，代码的人生不需要解释</p>
      <p>谢谢你这么关注我鸭，如有建议可以在留言评论的发送消息里疯狂发消息，卡爆他的网站（说着玩的哈，拼一下字数）</p>
      <p>人现在濒临秃头，看样子我也要变强了吗？</p>
    </div>
    <div>
      <h2 class="aboutH1">
        <div class="fonta">关于网站</div>
      </h2>
      <p>前端：<span class="aboutSpan">Vue + ElementUI</span></p>
      <p>后端：<span class="aboutSpan">Spring Boot + Mybits-plus</span></p>
    </div>
    <div>
      <h2 class="aboutH1">
        <div class="fonta">特殊说明</div>
      </h2>
      <p style="color: #a09d9d">G I T E E：<a href="https://gitee.com/weixinggao/vue3.git">Preserved Blog</a></p>
      <p>在注明出处的前提下，本站允许非商业用途的转载。</p>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "About",
  created() {
    window.scrollTo(0, 0);
  },
}
</script>

<style scoped>
.aboutH1 {
  height: 30px;
  border-left: solid 5px #71B49A;
}

.fonta {
  margin-left: 10px;
}

p {
  margin-left: 40px;
  font-family: Quicksand, Microsoft YaHei, sans-serif;
}
p a{
  text-decoration: none;
  color: #8FC2F9;
}
.aboutSpan{
  padding: 3px;
  background: #E9EDF0;
  color: #BA525A;
}
</style>